<template>
    <div class="breadcrumb-box">
        <a-breadcrumb separator=">">
            <a-breadcrumb-item><router-link :to="{name:'home',path:'/'}">首页</router-link></a-breadcrumb-item>
            <a-breadcrumb-item href="#">
              {{ this.localName}}
            </a-breadcrumb-item>
        </a-breadcrumb>
    </div>
</template>

<script>
export default {
    name: "GuidePosition",
    props:{
      localName:String
    }
}
</script>

<style scoped>
/*phone*/
@media only screen and (max-width: 576px){
    .breadcrumb-box{
        font-size:1vw;
    }
}

/*pc*/
@media only screen and (min-width: 576px){
    .breadcrumb-box{
        font-size:14px;
    }

}

</style>
